{{ define "blog/index.html" }}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title itemprop="name">{{author}} - {{slogan}}</title>
    <meta property="og:title" content="{{author}} - {{slogan}}">
    <meta property="og:type" content="article">
    <meta property="og:url" content="{{rootURL}}">
    <meta property="og:description" content="一个个人博客，关注科技、代码和网络。{{slogan}}。">
    <meta property="og:image" content="/static/blog/image/wing-221526.jpg">
    <meta name="description" content="一个个人博客，关注科技、代码和网络。{{slogan}}。">
    <meta name="keywords" content="{{author}},{{author}},博客,技术">
    <meta name="theme-color" content="#DC143C">
    <meta name="mdx-main-color" content="#DC143C">

    <link media="all" href="/static/blog/mdx/css/autoptimize.css" rel="stylesheet" />
    <link href="/static/logo/favicon32.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="/static/logo/favicon32.ico" rel="mask-icon">

    {{template "blog/header"}}
</head>

<body class="mdui-theme-primary-indigo mdui-theme-accent-pink mdx-reduce-motion">
    <script type='text/javascript' src='/static/blog/mdx/js/theme_dark_night.js'></script>
    <div class="fullScreen sea-close"></div>
    <div class="mdui-progress mdui-color-white">
        <div class="mdui-progress-indeterminate"></div>
    </div>

    {{template "blog/siderbar" .}}
    <header role="banner">
        <div class="titleBarGobal mdx-sh-ani mdui-appbar-fixed mdui-appbar mdui-shadow-0  mdui-text-color-white-text"
            id="titleBar">
            <div class="mdui-toolbar mdui-toolbar-self topBarAni">
                <button class="mdui-btn mdui-btn-icon" id="menu"
                    mdui-drawer="{target:'#left-drawer',overlay:true,swipe:true}">
                    <i class="mdui-icon material-icons">menu</i>
                </button>
                <span class="mdui-typo-headline">{{author}}</span>
                <div class="mdui-toolbar-spacer"></div>
                <button class="mdui-btn mdui-btn-icon" onclick="refresh()">
                    <i class="mdui-icon material-icons">&#xe86a;</i>
                </button>
                <button class="mdui-btn mdui-btn-icon seai">
                    <i class="mdui-icon material-icons">&#xe8b6;</i>
                </button>
            </div>
        </div>
    </header>
    <div class="titleBarGobal mdui-appbar mdui-shadow-0 mdui-text-color-white-text" id="SearchBar">
        <form class="mdui-toolbar mdui-appbar-fixed" role="search" method="get" id="searchform" action="/search">
            <div class="outOfSearch mdui-valign">
                <label for="s"><i class="mdui-icon material-icons seaicon">&#xe8b6;</i></label>
                <input class="seainput" type="text" name="txt" id="s" autocomplete="off" placeholder="搜索什么..." value="">
            </div>
            <div class="mdui-toolbar-spacer"></div>
            <a class="mdui-btn mdui-btn-icon sea-close">
                <i class="mdui-icon material-icons">&#xe5cd;</i>
            </a>
        </form>
    </div>
    <div class="theFirstPageBackGround mdui-color-theme"></div>
    <div class="theFirstPage lazyload" data-bg="{{advert}}"> </div>
    <div class="theFirstPageSay mdui-valign mdui-typo mdui-text-color-white-text">
        <h1 class="mdui-center" id="theFirstPageSayContent">{{slogan}}</h1>
        <div class="mdx-tworows-title">
            <div>
                <span class="mdui-text-color-theme">{{author}}</span>
                <hr>
            </div>
        </div>
    </div>
    <div class="mdui-valign" id="mdx-search-anim">
        <i class="mdui-icon material-icons seaicon">&#xe8b6;</i> 搜索什么...
    </div>

    <!-- 主要内容 -->
    <div class="main">
        <!-- 最新内容 -->
        <h3 class="mdx-all-posts"></h3>
        <main class="postList mdui-center" id="app">
            <input type="hidden" id="hideCategory" value="">
            <input type="hidden" id="hideSearch" value="">
            <div id="mainList"></div>
            <div class="mdui-hoverable nextpage2" id="more-comment-btn">加载更多</div>
            <div class="mdx-comments-loading" id="more-article-loading">
                <div class="mdui-valign">
                    <div>
                        <div class="mdui-spinner"></div>
                    </div>
                </div>
            </div>
        </main>

        <button class="mdui-fab mdui-color-theme-accent mdui-fab-fixed mdui-fab-hide scrollToTop mdui-ripple">
            <i class="mdui-icon material-icons">&#xe316;</i>
        </button>
        {{template "blog/footer"}}
    </div>

    <script src='/static/blog/mdx/js/jquery.min.js'></script>
    <script src='/static/blog/3rd/mdui/js/mdui.min.js'></script>
    <script src='/static/blog/mdx/js/search.js'></script>
    <script src='/static/blog/3rd/lazysizes/lazyload.js'></script>
    <script src='/static/blog/mdx/js/js.js'></script>
    <script src="/static/blog/3rd/axios/axios.min.js"></script>
    <script src="/static/comm/js/dog.js"></script>
    <script src='/static/blog/mdx/js/list.js'></script>
</body>

</html>

{{ end }}